<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 23649
  Date: 2021/5/11
  Time: 14:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%
        String paths = request.getContextPath();
        String basePath= request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+paths+"/";
    %>
    <title>Title</title>
    <style type="text/css">
        #head{
            width: 1100px;
            height: 350px;
            margin: auto;
            font-family: "方正大黑简体";
            color: #FFFFFF;
        }
        #tit>h3{
            text-align: center;
        }
        #head span{
            margin-top: 50px;
            margin-left: 380px;
        }
        .doctorInfo{
            background: #35a3aa;
            color:white;
            border:0.5px black solid ;
            width: 169.6px;
            height: 83px;
        }
        .doctorInfo span:last-child{
            color: red;
            font-size: 5px;
        }
        .week{
            display: inline-block;
            background: white;
            color:black;
            font-family: "方正大黑简体";
            border:0.5px black solid ;
            width: 169.6px;
            height: 83px;
        }
        .week span{
            margin-left: 60PX;
            line-height: 80PX;
        }
        .doctorInfo{
            display: inline-block;
            margin-left: 4px;
        }
        #body{
            margin-left: 125px;
        }
    </style>
</head>
<body>

<div id="head" style="background-image: url('<%=basePath%>img/guahao.png')">
    <div id="tit">
        <h3>患者服务</h3>
    </div>
    <div ><span>用最真诚的服务态度，专业的药疗技术，为您服务</span></div>
</div>
<div id="body">
    <div class="week"><span>星期一</span></div>
    <div class="week"><span>星期二</span></div>
    <div class="week"><span>星期三</span></div>
    <div class="week"><span>星期四</span></div>
    <div class="week"><span>星期五</span></div>
    <div class="week"><span>星期六</span></div>
    <div class="week"><span>星期天</span></div>
    <table>
    <c:forEach items="${list}" var="list" >
        <div></div>
        <div class="doctorInfo">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>${list.type}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.name}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.postion}</span>
                <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>可预约</span>
        </div>
        <div class="doctorInfo">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.name}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.postion}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>可预约</span>
        </div>
        <div class="doctorInfo">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.name}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.postion}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>可预约</span>
        </div>
        <div class="doctorInfo">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.name}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.postion}</span>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>可预约</span>
        </div>
        <div class="doctorInfo">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.type}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.name}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.postion}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   <span>可预约</span>
        </div>
        <div class="doctorInfo">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.name}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.postion}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>可预约</span>
        </div>
        <div class="doctorInfo">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.name}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>${list.postion}</span>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>可预约</span>
    </div>
    </c:forEach>
    </table>
</div>
<img  src="<%=basePath%>img/dibu.jpg"  style="width: 1425px; " ><script type="text/javascript" src="<%=basePath%>jquery-1.12.4.js"></script>
<script type="text/javascript">
      $(document).ready(function (){
          $(".doctorInfo").click(function (){
             var a=  $(this).children("span:eq(1)").text()
              window.location.href="<%=basePath%>doctor?caozuo=name&name="+a;

          })
      })
</script>
 </body>
</html>
